<header>
    <h3>忘记密码</h3>
    <button class="cancel" (click)="goBack()">返回</button>
</header>
<ion-content padding>
    <div class="my-item">
        <label for="phone">手机号</label>
        <input id="phone" type="text" pattern="/^\d{11}$/" name="phone" [(ngModel)]="userInfo.phone"/>
    </div>
    <div class="yzm">
        <div class="my-item has-yzm">
            <label style="width: 41%">验证码</label>
            <input type="text" [(ngModel)]="userInfo.yzm"/>
        </div>
        <button ion-button class="yzm-btn" (click)="findPasswordCode()" *ngIf="!hasClick">{{hq}}</button>
        <button ion-button class="yzm-btn" disabled *ngIf="hasClick">{{num}}s</button>
    </div>
    <div class="my-item">
        <label for="newPwd">新密码</label>
        <input id="newPwd" type="password" [(ngModel)]="userInfo.newPassWord"/>
    </div>
    <div class="my-item">
        <label for="confirmPwd">确认密码</label>
        <input id="confirmPwd" type="password" [(ngModel)]="userInfo.rePassWord"/>
    </div>
    <p class="errorTip" *ngIf="errorTip">{{errorTipMsg}}</p>
    <div>
        <!--<button class="btn btn1" ion-button (click)="goToHome()">取消</button>-->
        <button class="btn btn2" ion-button (click)="findPassword()">提交</button>
    </div>

</ion-content>
<div class="component-alert" *ngIf="!showAlert">
    <div id="myBox" class="myBox spac-box">
        <div class="tips">密码修改成功，请使用新密码登录</div>
        <div class="btns">
            <button ion-button class="btn btn-choose" (click)="btnChoose()">确认</button>
        </div>
    </div>
</div>